/*=============================================================================*
 * Theme Name: Sigma
 * Theme URI: http://dedepress.com/themes/sigma/
 * Description: A Resposive and Minimalist Portfolio WordPress Theme with HTML5, CSS3, jQuery and Grid for Creative Agency, Freelancer, Blogger and Business.
 * Author: Cloud Stone
 * Author URI: http://dedepress.com
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Version: 1.0
 *=============================================================================*/

/*=============================================================================*
 * RESET & BASE
 *=============================================================================*/
html { background: #FFF; color: #444; }
body { margin: 0; font: 13px/1.75 "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* HTML5 Elements 
 *======================*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Typography Elements
 *=================================*/
a { color: #0C6688; text-decoration: none; outline: 0 ; -webkit-transition: background-color .15s linear, color .15s linear; -moz-transition: background-color .15s linear, color .15s linear; -o-transition: background-color .15s linear, color .15s linear; -ms-transition: background-color .15s linear, color .15s linear; transition: background-color .15s linear, color .15s linear; }
a:hover { color: #BF2726 !important; text-decoration: underline; }
img, video, object { max-width: 100%; height: auto; }
iframe{display:block;}
a img { border: 0; }
:focus { outline: 0; }
ul, ol, p, table, form, pre { margin: 0 0 1.75em; }
h1, h2, h3, h4, h5, h6 {color: #222; margin: 0 0 0.75em;}
h1, h2, h3 { line-height: 1.25; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4{font-size:14px;}
h4, h5, h6 { font-size: 13px; }
blockquote { background: url(images/quote.png) no-repeat 0 0; margin-left: 10px; padding-left: 48px; color: #777;font-family:"Droid Serif", serif;}
abbr[title], acronym[title] { border-bottom: 1px dotted #666; cursor: help; }

/* Code Elements
 *=================================*/
pre,code,kbd,samp,var { font: 12px "Courier New",monospace,serif normal; }
pre { padding: 20px 20px; background: #FFF url(images/bg-pre.png); line-height: 20px; white-space: pre-wrap; white-space: -moz-pre-wrap; /* CSS-3 */ white-space: -pre-wrap; /* Mozilla, since 1808080 */ white-space: -o-pre-wrap; /* Opera 4-6 */ word-wrap: break-word; /* Opera 7 */ /* IE 5.5+ */ }

/* Table Elements
 *=================================*/
table { width: 100%; border-collapse: collapse; border-spacing: 0; /* tables still need 'cellspacing="0"' in the markup */ }
th,td,caption { padding: 5px 10px; }
caption { font-weight: bold; }
th,td { border: 1px solid #DDD; }
tr:nth-of-type(odd) td, tr.odd td { background: #FBFBFB; }
th { text-align: left; background: #F6F6F6; }

/* Form Elements
 *=================================*/
label, input, textarea, select, button { font: 13px/19px sans-serif; line-height: 19px; }
input, textarea, select { display: inline-block; padding: 4px; margin: 0; outline: none; background-color: white; border: 1px solid #DDD; }
textarea { overflow: auto; }
input[type="text"], textarea { border: 1px solid #DDD; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; -webkit-transition: .2s linear background; -moz-transition: .2s linear background; transition: .2s linear background; }
input[type="text"]:focus, textarea:focus { outline: 0; color: #333; border-color: #CCC; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(0,0,0,.075); box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 0 8px rgba(0,0,0,.075); }
input[type="submit"], input[type="button"], button { cursor: pointer; width: auto; text-align: center; font-weight: bold; padding: 5px 12px; border: 1px solid #DDD; background: #F5F5F5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: -khtml-gradient(linear,left top,left bottom,from(#F5F5F5),to(#F0F0F0)); background-image: -moz-linear-gradient(#F5F5F5,#F0F0F0); background-image: -ms-linear-gradient(#F5F5F5,#F0F0F0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F5F5F5),color-stop(100%,#E5E5E5)); background-image: -webkit-linear-gradient(#F5F5F5,#F0F0F0); background-image: -o-linear-gradient(#F5F5F5,#F0F0F0); background-image: linear-gradient(#F5F5F5,#F0F0F0); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#F0F0F0'); }
input[type="submit"]:hover, input[type="button"]:hover, button:hover { background: #EAEAEA; border-color: #CCC; background-image: -khtml-gradient(linear,left top,left bottom,from(#F2F2F2),to(#EAEAEA)); background-image: -moz-linear-gradient(#F2F2F2,#EAEAEA); background-image: -ms-linear-gradient(#F2F2F2,#EAEAEA); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F5F5F5),color-stop(100%,#EAEAEA)); background-image: -webkit-linear-gradient(#F2F2F2,#EAEAEA); background-image: -o-linear-gradient(#F2F2F2,#EAEAEA); background-image: linear-gradient(#F2F2F2,#EAEAEA); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2',endColorstr='#EAEAEA'); }

/* Common CSS Class Style
 *=================================*/
.alignleft, .left { float: left; margin: 0 20px 10px 0; }
.alignright, .right { float: right; margin: 0 0 10px 20px; }
.aligncenter, .center { display: block; margin: 0 auto 20px auto; }
.alignnone { margin: 0 0 20px; }

.required { color: red; }
.none, .hidden { display: none; margin: 0; padding: 0; border: 0; }
hr.none { display: block; background: none; height:0;border: 0; }

hr.mag, hr.mag-10, hr.mag-20, hr.mag-30, hr.mag-40{clear:both;background:none;height:0;border:0;border-top:1px solid #EEE;margin-top:20px;margin-bottom:20px;}
hr.mag-20{margin-top:20px;margin-bottom:20px;}
hr.mag-30{margin-top:30px;margin-bottom:30px;}
hr.mag-40{margin-top:40px;margin-bottom:40px;}

/* Clear Floated Elements
 *=================================*/
/* Clear Fix */
.cf:before, .cf:after {content:"";display:table;}
.cf:after { clear:both;}
.cf {zoom: 1;} /* IE < 8 */

/* Clear Float */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* WP Style
 *=================================*/
img.alignleft, img.alignright { display: block;}
blockquote.alignleft, blockquote .alignright { width: 33%; }
.wp-caption img{display:block;}
.wp-caption-text {padding: 5px 10px; color:#777; text-align: center; font-family:"Droid Serif", serif;}
img.wp-smiley { border: 0 !important; background: transparent !important; }
.gallery { display: block; text-align: center; margin-bottom: 20px; }

/* Grouping Style
 *=================================*/
#site-description,
#main-nav li,
#main-nav select,
.loop-title span, 
#loop-header .post-edit-link,
#home-features h3,
#home-features .more,
#home-blog .date,
#home-blog .more,
#home-slider .more,
.author-box h3,
.related-posts h3,
.related-works h3,
.widget-title,
#pings h3,
.archives h3,
.hc,
.more-link,
.loop-nav,
.entry-nav,
.comment-nav,
.comment-reply-link,
#cancel-comment-reply-link{font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arimod, sans-serif;font-size:12px;font-weight:bold;text-transform:uppercase;}




/*=============================================================================*
 * GRID
 *=============================================================================*/
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11 {float: left;position:relative;margin-left: 15px;margin-right: 15px;}
.grid-1 { width: 54px; }
.grid-2 { width: 138px; }
.grid-3 { width: 222px; }
.grid-4 { width: 306px; }
.grid-5 { width: 390px; }
.grid-6 { width: 474px; }
.grid-7 { width: 558px; }
.grid-8 { width: 642px; }
.grid-9 { width: 726px; }
.grid-10 { width: 810px; }
.grid-11 { width: 894px; }
.grid-12 { width: 978px;position:relative;margin-left:auto;margin-right:auto;}

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.mag{margin-left:15px;margin-right:15px;}
.pag{padding-left:15px;padding-right:15px;}
.nag{margin-left:-15px;margin-right:-15px;}

.offset-1 { margin-left: 84px; }
.offset-2 { margin-left: 168px; }
.offset-3 { margin-left: 252px; }
.offset-4 { margin-left: 336px; }
.offset-5 { margin-left: 420px; }
.offset-6 { margin-left: 504px; }
.offset-7 { margin-left: 588px; }
.offset-8 { margin-left: 672px; }
.offset-9 { margin-left: 756px; }
.offset-10 { margin-left: 840px; }
.offset-11 { margin-left: 924px; }
 
 /*=============================================================================*
 * UI PATTERNS
 *=============================================================================*/

/* Search Form 
 *=================================*/
.searchform { height: 24px; border: 1px solid #DDD; background:#FFF;box-shadow: inset 1px 1px 1px #EEE; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
.search-text-div { margin: 0 30px 0 10px; background: #F00; }
input.search-text { float: left; width: 100%; height: 14px; line-height: 14px; padding: 5px 0; background: none; border: 0; box-shadow: none !important; }
.search-text:hover, .search-text:focus { outline: none; }
input.search-submit { background: url(images/btn-search.png) no-repeat 2px center !important; border: 0; width: 24px; height: 24px; color: transparent; padding: 0; min-width: 24px; border-radius: 0; -moz-border-radius:0; -webkit-border-radius: 0;overflow: hidden; float: right; opacity: 0.3; filter: alpha(opacity=30);line-height:999em; display:block;}
input.search-submit:hover { background-color: FFF; opacity: 0.6; filter: alpha(opacity=60); }

/* Horizontal Menu 
 *=================================*/
.hmenu, .hmenu ul { list-style: none; margin: 0; padding: 0; }
.hmenu li { float: left; position: relative; }
.hmenu li a { float: left; display: block; }
.hmenu ul { position: absolute; left: 0; top: 100%; visibility: hidden; opacity: 0; }
.hmenu ul li { min-width: 100px; max-width: 200px; }
.hmenu ul li a { float: none; }
.hmenu ul ul { left: 100%; top: 0; -webkit-transition: .15s; -moz-transition: .15s; -o-transition: .15s; -ms-transition: .15s; transition: .15s; }
.hmenu li:hover > ul { visibility: visible; opacity: 1; }
.hmenu > li:last-child ul { left: auto; right: 0; }
.hmenu > li:last-child ul ul { left: auto; right: 100%; }
.hmenu > li:last-child ul ul:before { left: auto; right: 0; }

/* Slider
 *=================================*/
.slider img { display: block; }
.slider .slider-frame { position: relative; background: #F5F5F5; }
.slider .slide { position: absolute; left: 0; top: 0; display: none; }
.slider .slide-caption { width: 100%; background: #333; background: rgba(0,0,0,0.5); color: #FFF; position: absolute; left: 0; bottom: 0;display:none; }
.slider .slide-caption-wrap { padding: 5px 10px; }
.slider .slide-count { padding: 3px 10px; position: absolute; right: 0; top: 0; background: #333; background: rgba(0,0,0,0.5); color: #FFF; display: none; }

/* Thumb Control*/
.slider .slider-thumbs { list-style: none; margin: 0 auto; padding: 0; overflow: hidden; }
.slider .slider-thumbs li { margin: 10px 5px 0; float: left; }
.slider .slider-thumbs li img { width: 50px; height: 50px; display: block; padding: 2px; background: #FFF; border: 1px solid #E5E5E5; }
.slider .slider-thumbs li:hover img { border-color: #AAA; }
.slider .slider-thumbs li.current img { border: 0; padding: 3px; background: #A42020 }

/* Adjacent Control */
.slider .prev, 
.slider .next { width: 24px; height: 24px; background: url(images/slider-adj.png) no-repeat; text-indent: -5555em; overflow: hidden; position: absolute; top: 50%; opacity: 0.3; filter: alpha(opacity=30); z-index: 808080; margin-top: -12px; display: none; }
.slider .prev:hover, 
.slider .next:hover { opacity: 0.5; filter: alpha(opacity=50); }
.slider .prev { background-position: 0 0; left: 20px; }
.slider .next { background-position: -30px 0; right: 20px; }

/* HoverScroll */
.hoverscroll { position: relative; }
.hoverscroll .listcontainer { overflow: hidden; }
.hoverscroll ul { width: 999em; }

/* Hover Effect */
.slider .slide-count,
.slider .slide-caption,
.slider .prev,
.slider .next{
-webkit-transition: .15s; 
-moz-transition: .15s; 
-o-transition: .15s; 
-ms-transition: .15s; 
transition: .15s; 
}
.slider-frame:hover .slide-count{display: inline-block;}
.slider-frame:hover .slide-caption{display:block;}
.slider-frame:hover .prev, 
.slider-frame:hover .next { display: block; }

/* jPlayer Skin
 *=================================*/
.jp-player-container { background: #292A2B; }
.jp-jplayer { background-color: #292A2B; margin: 0 auto;overflow:hidden;}
.jp-jplayer img{}
.jp-gui,
.jp-gui a,
.jp-progress,
.jp-seek-bar,
.jp-play-bar,
.jp-volume-bar,
.jp-volume-bar-value { background-image: url(images/jplayer-sprite.png); background-repeat: repeat-x; }
.jp-seek-bar,
.jp-play-bar,
.jp-volume-bar,
.jp-volume-bar-value { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.jp-gui { position: relative; width: 100%; height: 30px; background-position: 0 -210px; z-index: 100; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px rgba(0,0,0,0.4); }
.jp-gui a { display: inline-block; outline: none; text-indent: -999em; z-index: 1; background-repeat: no-repeat; }
.jp-control { width: 33px; height: 30px; padding-right: 2px; background: url(images/jplayer-sep.png) no-repeat right 0; position: absolute; top: 0; left: 0; }
.jp-play, .jp-pause { width: 33px; height: 30px; position: absolute; top: 0; left: 0; }
.jp-play { background-position: 0 0; }
.jp-play:hover { background-position: -33px 0; }
.jp-pause { background-position: 0 -30px; display: none; }
.jp-pause:hover { background-position: -33px -30px; }
.jp-progress-container { margin: 0 80px 0 34px; height: 8px; padding: 12px 12px 10px 10px; background: url(images/jplayer-sep.png) no-repeat right 0; }
.jp-progress { height: 5px; padding: 1px 1px 2px; background-position: 0 -192px; position: static; }
.jp-seek-bar { width: 0px; height: 5px; background-position: 0 -163px; cursor: pointer; }
.jp-play-bar { width: 0px; height: 5px; background-position: 0 -133px; }
.jp-mute, .jp-unmute { width: 17px; height: 13px; position: absolute; top: 9px; right: 55px; }
.jp-mute { background-position: -10px -68px; }
.jp-mute:hover { background-position: -43px -68px; }
.jp-unmute { background-position: -10px -98px; }
.jp-unmute:hover { background-position: -43px -98px; }
.jp-volume-bar { width: 40px; height: 5px; padding: 1px 1px 2px; background-position: 0 -192px; cursor: pointer; position: absolute; top: 12px; right: 10px; }
.jp-volume-bar-value { width: 0px; height: 5px; background-position: 0 -133px; }

/*=============================================================================*
 * LAYOUT
 *=============================================================================*/
body { min-width:1008px; }
#wrapper{overflow:hidden;}
.wrap { max-width: 1008px; margin: 0 auto; }
#header { position: relative; z-index: 4; }
#loop-header{position: relative; z-index: 3;}
.sub-nav{position:relative;z-index:2;}
#main { position: relative; z-index: 1; padding-top: 30px; padding-bottom: 30px; }

/*=============================================================================*
 * HEADER
 *=============================================================================*/
#header .wrap { position: relative; min-height: 48px; height: auto !important; height: 48px;}

/* Branding
 *=================================*/
#branding { float: left;}
#site-title { font-size: 28px; margin: 0; line-height: 48px; float:left;font-family: "Open Sans", sans-serif;text-transform: uppercase;}
#site-title a { display: inline-block; color: #333;  text-decoration: none;  }
#site-description {  margin: 5px 0 0; font-size: 11px; color: #AAA;float:left; line-height: 20px;margin:14px 0 0 10px;padding-left:10px;border-left:1px solid #EEE;}
#site-logo { display: block; }
#site-logo img { display: block; }
.image-branding #site-title, .image-branding #site-description{ display: none; }

/* Main Navigation
 *=================================*/

#main-nav { float: right; position: absolute; right: 0; bottom: 0;padding:8px 0;}
#main-nav ul { float: left; }
#main-nav li { margin-left: 20px;border-color:#A42020;}
#main-nav li a { color: #AAA; text-decoration: none; }
#main-nav li a:hover { color: #222 !important; }

#main-nav > ul > .current-menu-item > a, 
#main-nav > ul > .current-menu-ancestor > a { color: #A42020; }
#main-nav > ul > li:hover:after,
#main-nav ul ul ul:before,
#main-nav > ul > li.current-menu-ancestor:after,
#main-nav > ul > li.current-menu-item:after { content: ""; overflow: hidden; display: inline-block; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; margin-left: -5px; border: 5px dotted transparent; }

/* top level */
#main-nav > ul > li.current-menu-ancestor:after,
#main-nav > ul > li.current-menu-item:after { border-bottom: 5px solid #A42020; }
#main-nav > ul:hover { background: none; /* Hack for IE8 */ }
#main-nav > ul:hover > li:after { display: none; }
#main-nav > ul:hover > li:hover:after { display: block; border-bottom: 5px solid #111; }
#main-nav > ul > li > a{line-height:32px;}

/* second level */
#main-nav ul ul { background: #111; padding: 4px 0; }
#main-nav ul ul li { padding: 0 10px; margin: 0; }
#main-nav ul ul li a { display: block; padding: 4px 0; color: #AAA; float: none; }
#main-nav ul ul li a:hover { color: #FFF !important; }

/* third level and their sub levels */
#main-nav ul ul ul { top: -4px; background: #333; }
#main-nav ul ul ul:before { top: 12px; left: -5px; border-right: 5px solid #333; }

/* last child */
#main-nav > ul > li:last-child ul { left: auto; right: 0; }
#main-nav > ul > li:last-child ul ul { left: auto; right: 100%; }
#main-nav > ul > li:last-child ul ul:before { left: auto; right: -10px; border: 5px dotted transparent; border-left: 5px solid #333; }

/* select box */
#main-nav .select-div {width: 100%; }
#main-nav .select-wrap{margin:0 12px;height: 24px;overflow: hidden; background: url(images/arrow-down.png) no-repeat right center;}
#main-nav .select-div select {background: transparent;width: 120%;height: 24px;padding: 0;border: 0;color:#777;}

/*=============================================================================*
 * SUB NAVIGATION
 *=============================================================================*/
.sub-nav { background: #444; font-weight: bold; font-size: 12px; position: relative; z-index: 3; }
/* top level */
.sub-nav ul { float: left; }
.sub-nav li a { padding: 0 10px; color: #AAA; text-decoration: none; line-height: 36px; }
.sub-nav li:hover { background: #333; }
.sub-nav li:hover a { color: #FFF !important; }
.sub-nav .hmenu > .current-menu-item > a, 
.sub-nav .hmenu > .current-menu-ancestor > a { background: #111; color: #FFF; }
.sub-nav .hmenu > .current-menu-ancestor:after,
.sub-nav .hmenu > .current-menu-item:after { content: ""; width: 0; height: 0; display: block; border: 5px dotted transparent; border-top: 5px solid #111; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; }

/* select box */
.sub-nav .select-div {width: 100%;padding:5px 0; }
.sub-nav .select-wrap{margin:0 12px;height: 24px;overflow: hidden; background: url(images/video_play_24.png) no-repeat right center;}
.sub-nav .select-div select {background: transparent;width: 120%;height: 24px;padding: 0;font-size: 13px;border: 0;color:#AAA;}


/*=============================================================================*
 * LOOP HEADER
 *=============================================================================*/

#loop-header { position: relative; background: url(images/diag.png) repeat; }

/* Loop title
 *=======================================================*/
.loop-title { margin: 0; display: inline-block; font-size: 22px; line-height: 48px; text-transform: uppercase;font-weight:700; font-family: "Open Sans", Arial,sans-serif; float: left; }
.loop-title b { float: left; }
.loop-title span { float: left;line-height: 18px; vertical-align: top; display: block; margin: 8px 0 0 20px; color: #AAA; }
.loop-title em { font-style: normal; color: #222; display: block; }
.loop-title i { color: #A42020; font-style: normal; }

/* RSS Link on Loop Header
 *=======================================================*/
#loop-header .rss-link { background:url(images/sprite-adj.png) no-repeat -150px 0; width: 48px; height: 48px; display: inline-block; text-indent: -5555em; overflow: hidden; vertical-align: top; float: right; border-left: 1px solid #E5E5E5;margin-right:-15px;}
#loop-header .rss-link:hover { background-position: -150px -50px; opacity: 1; }

#loop-header .post-edit-link {font-size:11px;padding:0 10px;line-height:48px;}

/* Searchform on Loop Header 
 *=======================================================*/
.loop-search { float: right;height: 48px;  background: #EEE;}
.loop-search .searchform-div {height:25px;padding: 11px 10px;}


/* Adjacent Navigation on Loop Header for Work Archive and Single Work
 *=======================================================*/
.work-adj { float: right; }
.work-adj div { float: left; }
.work-adj span { display: block; background: #EEE; width: 48px; height: 48px; }
.work-adj a { display: block; width: 48px; height: 48px; line-height: 48px; text-indent: -5555em; overflow: hidden; background: url(images/sprite-adj.png) no-repeat;background-color:inherit;}
.work-adj div:hover span{ background-color:#E5E5E5;}

.work-adj .prev { border-right: 1px solid #DDD; }
.work-adj .prev span { border-right: 1px solid #F5F5F5; }
.work-adj .prev a { background-position: 0 0; }
.work-adj .prev:hover { border-color: #F5F5F5; }
.work-adj .prev:hover span { border-color: #DDD; }
.work-adj .prev:hover a { background-position: 0 -50px; }

.work-adj .next { border-left: 1px solid #DDD; }
.work-adj .next span { border-left: 1px solid #F5F5F5; }
.work-adj .next a { background-position: -100px 0; }
.work-adj .next:hover { border-color: #F5F5F5; }
.work-adj .next:hover span { border-color: #DDD; }
.work-adj .next:hover a { background-position: -100px -50px; }

.work-adj .all a { background-position: -50px 0; }
.work-adj .all:hover a{ background-position: -50px -50px; }
.work-adj .all .sub-nav-toggle-active { background-color: #444; }
.work-adj .all .sub-nav-toggle-active a { background-position: -50px -150px;}
.work-adj .disabled { visibility: hidden; }
.work-adj .loading .sub-nav-toggle a { background:url(images/loading-fan-white.gif) no-repeat center center !important; }
.work-adj .loading .sub-nav-toggle-active a { background:url(images/loading-fan-black.gif) no-repeat center center !important; }


/*=============================================================================*
 * GENERAL CONTENT
 *=============================================================================*/
 
/* Heading Cell */
.hc { float: left; background: #F5F5F5; display: inline-block; text-align: center; position: relative; background-repeat: no-repeat; background-position: center center;width: 60px; }
.hc:after { content: ""; width: 0; height: 0; display: block; border: 5px dotted transparent; border-left: 5px solid #F5F5F5; position: absolute; right: -10px; top: 5px; }
.hc-icon { width: 50px; height: 50px; padding: 5px; line-height: 50px; }
.hc-icon img { vertical-align: middle; }
.hc-label { background: #F0F0F0; line-height: 20px; height: 20px; }
.hc-label:after { border-left-color: #F0F0F0; }
.hc-date .day { display: block; font-size: 28px; line-height: 48px; color: #666; }
.hc-date .month { display: block; font-weight: bold; background: #EEE; font-size: 13px; color: #666; }

/* entry thumb */
.entry-thumb a { display: block; }
.entry-thumb img { display: block; }

/* entry header */
.entry-header { margin-bottom: 15px; }
.entry-header .entry-title { margin: 0 0 5px; }

/* entry title */
.entry-title { font-size: 20px;}
.entry-title a { color: #222; }
.entry-title a:hover {text-decoration: none; }
.single .entry-title { font-size: 24px; }

/* entry meta */
.entry-meta { color: #AAA; margin-bottom: 10px; font-size: 12px; }
.entry-meta a { color: #777; }
.entry-meta a:hover { text-decoration: underline; }
.entry-meta .sep { padding: 0 2px; color: #CCC; }
.entry-meta .external { background: url(images/icon-external.png) no-repeat right 0px; padding-right: 14px; color: #0C6688; }
.type-post .entry-meta .entry-date-span { display: none; }

/* entry-summary */
.entry-summary { color: #444; }

/* entry-content */
.entry-content h2{color:#A42020;}
.entry-content img{padding:5px;background-color:#F5F5F5;}
.entry-content a:hover img{background-color:#E5E5E5;}
.entry-content .alignleft, .entry-content .alignright{margin-top:0.35em;}
.entry-attachment, .entry-description{margin-bottom:20px;}

/* more link */
a.more-link {font-size: 11px; color: #A42020;}

/* entry navigation*/
.entry-nav { margin-bottom: 20px;text-align:center; }
.entry-nav span { margin-left:10px; }
.entry-nav .pages{color:#AAA;margin:0;}

/* loop navigation */
.loop-nav { font-size: 11px;line-height:20px;}
.loop-nav span{color:#AAA;}
.loop-nav .sep{color:#CCC;margin:0 5px;}

/* wp pagenavi */
.wp-pagenavi { font-size: 12px; color: #AAA; }
.wp-pagenavi a, .wp-pagenavi span { margin-right: 20px; }
.wp-pagenavi a:hover, .wp-pagenavi .current {  }
.wp-pagenavi .pages {  }


/*=============================================================================*
 * WORK CONTENT
 *=============================================================================*/
 
/* Archive Project
 *=======================================================*/

/* Entry on Work Archive */
.loop-works .hentry { position: relative; overflow: hidden; margin-bottom: 20px; }
.loop-works .entry-thumb { height: 140px; overflow: hidden; margin: 0 0 10px; background: #FFF; position: relative; border: 6px solid #F5F5F5; -webkit-transition: background-color .15s linear, border-color .15s linear; -moz-transition: background-color .15s linear, border-color .15s linear; -o-transition: background-color .15s linear, border-color .15s linear; -ms-transition: background-color .15s linear, border-color .15s linear; transition: background-color .15s linear, border-color .15s linear; position:relative;}
.loop-works .entry-thumb img {}

.loop-works .entry-thumb:hover { border-color: #E5E5E5; }
.loop-works .entry-title { font-size: 12px; margin: 0; height: 20px; line-height: 20px; overflow: hidden; }
.loop-works .entry-meta { height: 20px; line-height: 20px; overflow: hidden;}

/* Loop Navigation on Work Archive */
.loop-nav-work { text-align: center; }

/* Single Project
 *========================================================*/
/* entry media */
.entry-media { margin-bottom: 20px; }
.entry-media img { display: block; }
.entry-media iframe, .entry-media object { margin-bottom: 0; }
.entry-media .media-frame { background: #F5F5F5; padding: 10px; text-align: center; }
.entry-media .audio-frame { padding: 0; }
.entry-media.grid-3 .media-frame { padding: 6px; }
.media-right .entry-media { float: right; }

/* related works */
.related-works { margin-top: 20px; border-top: 1px solid #EEE; padding: 15px 0 0; }
.related-works h3{ margin: 0 0 15px; padding: 5px 0 0; color: #A42020; }

/*=============================================================================*
 * BLOG CONTENT
 *=============================================================================*/
/* entry title */
.type-post .entry-title { margin-bottom: 5px; }
/* entry thumb */
.type-post .entry-thumb { margin-bottom: 20px; border: 11px solid #F5F5F5; background: #FFF; -webkit-transition: background-color .15s linear, border-color .15s linear; -moz-transition: background-color .15s linear, border-color .15s linear; -o-transition: background-color .15s linear, border-color .15s linear; -ms-transition: background-color .15s linear, border-color .15s linear; transition: background-color .15s linear, border-color .15s linear; }
.type-post .entry-thumb a { display: block; overflow: hidden; }
.type-post .entry-thumb:hover { border-color: #E5E5E5; }
.single .type-post .entry-thumb:hover { border-color: #F5F5F5; }
.type-post .entry-summary { margin-bottom: 20px; }
/* entry date */
.single .type-post { margin-bottom: 10px; }

/* entry tags */
.entry-tags {margin:10px 0 0; line-height: 20px; }
/* entry share */
.entry-share { margin:10px 0 0; }
.entry-share a:hover {  }
.entry-share .offset-1 { padding-top: 2px; }


/* author box */
.author-box { margin: 20px 0; }
.author-box .hc-icon img { display: block; }
.author-box h3 {  color:#A42020;padding: 5px 0 0; margin: 0 0 10px; }
.author-bio { color: #777; }
.author-links { display: block; margin: 10px 0 0; font-family: Arial; font-weight: bold; font-size: 12px; }
.author-links a { padding-left: 12px; margin: 0 10px 0 0; background: url(images/website.png) no-repeat 0 0; color: #999; background: url(images/contact-methods.png) no-repeat 0 0; }
.author-links a:hover { color: #333; }
.author-links .all { background-position: 0 3px; padding-left: 14px; }
.author-links .twitter { background-position: 0 -18px; }
.author-links .facebook { background-position: 0 -39px; }
.author-links .website { background-position: 0 -58px; padding-left: 15px; }
.author-links a:hover {  }
.archive .author-box{margin-top:0;}
/* related posts */
.related-posts { color: #AAA; margin: 20px 0 10px; }
.related-posts .hc { background-image: url(icons/copy.png); }
.related-posts h3 { margin: 0 0 10px; padding: 5px 0 0; margin: 0 0 10px; color: #A42020; }
.related-posts ul { list-style: none; margin: 0; padding: 0; }
.related-posts li{background:url(images/blt.png) no-repeat 0 7px;padding-left:16px;}
.related-posts .meta { font-size: 12px; }

/* single navigation */
.single-nav { margin: 10px 0 20px;line-height:20px;}
.single-nav .next, .single-nav .prev { margin-top: 10px; }

/*=============================================================================*
 * GENERAL WIDGET
 *=============================================================================*/
.widget { margin-bottom: 30px; color: #777; }
/* widget title */
.widget-title { margin-bottom: 18px;font-size: 12px;border-bottom: 1px solid #EEE; line-height: 16px; height: 7px; color:#A42020;}
.widget-title span { display: inline-block; padding: 0 5px 0 0; background: #FFF; }
/* widget list */
.widget ul, .widget ol { list-style: none; margin: 0; padding: 0; }
.widget li { margin: 3px 0 0; color: #AAA; }
.widget li a { color: #555; }
.widget ul ul, .widget ul ol, .widget ol ol, .widget ol ul { margin: 0 0 0 20px; }
/* widget tags */
.widget_tag_cloud a { display: block; font-size: 12px !important; color: #555 !important; }
/* widget rss */
.widget_rss .widget-title img { float: right; margin-left: 5px; }
.widget_rss li a { display: block; }
.widget_rss cite { font-style: normal; }
.widget_rss .rssSummary { color: #777; }
/* widget calendar */
.widget_calendar th, .widget_calendar td { padding: 5px; text-align: center; }
.widget_calendar caption { text-transform: uppercase; font-weight: bold; font-size: 12px; color: #222; }
.widget_calendar th { background: #F5F5F5 !important; }
.widget_calendar td { background: #FFF !important; }

/* Sidebar
 *=======================================================*/
#sidebar {  }

/* Footbar
 *=======================================================*/
#footbar { background: #F7F7F7; overflow: hidden; }
#footbar .grid-12 { padding-top: 30px; position: relative; border-bottom: 1px solid #E5E5E5; }
#footbar .widget-title { border: 0; }
#footbar .widget-title span { background: none; }

/*=============================================================================*
 * COLOPHON
 *=============================================================================*/
#colophon { color: #AAA; font-size: 12px; background: #F7F7F7; }
#colophon .wrap { padding-top: 15px; padding-bottom: 15px; }
#colophon p { margin: 0; display: inline; }
#colophon a { color: #777; }
#colophon .wp-link, #colophon .dp-link{display:none;}

/* social navigation */
#social-nav { float: right; }
#social-nav ul { list-style: none; margin: 0; padding: 0; }
#social-nav li { float: left; display: block; margin: 0 0 0 8px; }
#social-nav a { float: left; display: block; height: 20px; width: 20px; text-indent: -555em; overflow: hidden; background-color:#F7F7F7;background-image: url(images/sprite-social.png); background-repeat: no-repeat; opacity: 0.5; filter:alpha(opacity=50); }
#social-nav a:hover { background-color: none; opacity: 0.85; filter:alpha(opacity=85);}
#social-nav .twitter a { background-position: 0 0; }
#social-nav .facebook a { background-position: -30px 0; }
#social-nav .rss a { background-position: -60px 0; }
#social-nav .email a { background-position: -90px 0; }
#social-nav .gplus a { background-position: -120px 0; }
#social-nav .youtube a { background-position: -150px 0; }
#social-nav .digg a { background-position: -180px 0; }
#social-nav .myspace a { background-position: -210px 0; }
#social-nav .flickr a { background-position: 0 -30px; }
#social-nav .vimeo a { background-position: -30px -30px; }
#social-nav .tumblr a { background-position: -60px -30px; }
#social-nav .delicious a { background-position: -90px -30px; }
#social-nav .lastfm a { background-position: -120px -30px; }
#social-nav .linkedin a { background-position: -150px -30px; }
#social-nav .deviantart a { background-position: -180px -30px; }
#social-nav .dribbble a { background-position: -210px -30px; }


/*=============================================================================*
 * COMMENTS & RESPOND
 *=============================================================================*/
#comments { margin: 20px 0; }
#comments .hc-icon { background-image: url(icons/comments.png); }
#comments-title { margin: 0 0 20px;font-size:18px;font-family:"Open Sans", sans-serif;text-transform:uppercase;}

/* Comment List */
.comment-meta { color: #BBB; font-size: 12px; margin-bottom: 10px; background: #F7F7F7; height: 32px; line-height: 32px; }
.comment-meta a { color: #888; }
.comment-meta a:hover {  }
.comment-avatar { display: block; width: 24px; height: 24px; padding: 4px; background: #DDD; float: left; position: relative; margin-right: 15px; }
.comment-avatar:before { content: ""; width: 0; height: 0; display: block; border: 5px solid transparent; border-left-color: #DDD; position: absolute; right: -10px; top: 11px; }
.comment-author { margin: 0 5px 0 0; }
.comment-author .fn { font-style: normal; font-size: 13px; font-weight: bold; color: #000; float:; }
.comment-author .fn a { color: #333; }
.comment-author .fn a:hover {  }
.comment-time { float: rightd; font-size: 11px; }
.comment-content {  }
a.comment-reply-link { float: right; font-size: 11px;padding: 0 10px 0 16px;background:url(images/icon-reply.png) no-repeat 0 10px; }
#cancel-comment-reply-link { font-size: 11px; font-weight: bold; }

/* comment navigation */
.comment-nav { text-align: center;margin: 20px 0;}
.comment-nav a, .comment-nav span { padding: 0 5px; }

/* ping list */
#pings{ margin: 20px 0; }
#pings h2 { padding: 5px 0 0; margin: 0 0 10px; color: #A42020; }
#pings ol {list-style:none;margin: 0; padding: 0;  color: #AAA;}
#pings li{background:url(images/blt.png) no-repeat 0 7px;padding-left:16px;}
#pings .meta{font-size:12px;}

/* comment closed*/
.comments-closed { background: #FFF9C2; padding:7px 10px; }

/* comment form */
#respond .hc-icon { background: #F5F5F5 url(icons/comment-plus.png) no-repeat center center; }
#respond { margin: 0 0 30px; }
#reply-title { margin: 0 0 10px;font-size:18px;font-family:"Open Sans", sans-serif;text-transform:uppercase; }
#respond p { margin: 0 0 15px; }
#author, #email, #url, #comment { display: block; padding: 5px 5px; }
#author, #email, #url { height: 18px; line-height: 18px; width: 60% }
#comment { width: 96%; height: 140px; overflow: auto; }
.comment-notes, .form-allowed-tags, .logged-in-as { color: #888; font-size: 12px; }
/* comment children */
.comment-list .depth-1 .comment { padding-left: 24px; background: url(images/com-depth-arrow.png) no-repeat 0 8px; }
.comment-list #respond .offset-1{margin-left:0;}
.comment-list #respond .hc { display: none; }


/*=============================================================================*
 * HOME PAGE
 *=============================================================================*/

/* Home Slider
 *=======================================================*/
#home-slider {margin:0 0 20px;background: url(images/diag.png); position: relative; z-index: 2; }
#home-slider .slides { position: relative; }
#home-slider .slides_control {  }
#home-slider .slide { overflow: hidden; display: none; }
#home-slider .slide:first-child { display: block; }
#home-slider .slide-image {  }
#home-slider .slide-image img { display: block; max-width: 100%; }

/* Slider Caption */
#home-slider .slide-caption-bg,
#home-slider .slide-caption { width: 306px; height: 100%; position: absolute; top: 0; right: 0; z-index: 30; overflow: hidden; }
#home-slider .slide-caption-bg { background: #000; opacity: 0.5; filter: alpha(opacity=50); }
#home-slider .slide-caption{}
#home-slider .slide-caption-inner { padding: 20px; overflow: hidden; }
#home-slider .slide-title { color: #FFF; font-family: "Open Sans", sans-serif; text-transform:uppercase;font-size: 18px; }
#home-slider .slide-title a { color: #FFF; }
#home-slider .slide-desc { color: #DDD; }
#home-slider .slide-desc a { color: #FFF; border-bottom: 1px dotted #FFF; }
#home-slider .slide-desc a:hover { color: #FFF !important; text-decoration: none;border-bottom:0; }
#home-slider .more{margin:15px 0;display:block;color:#A42020;}

/* Slider Navigation */
#home-slider .slider-nav { position: absolute; bottom: 0; right: 0; z-index: 40; }
#home-slider .slider-nav a { float: left; width: 19px; height: 19px; text-align: center; line-height: 19px; margin-left: 1px; background: #222; background: rgba(0,0,0,0.5); text-decoration: none; font-weight: bold; color: #AAA; display: block; }
#home-slider .slider-nav a:hover { color:#fff !important;background-color: #A42020 }
#home-slider .prev, #home-slider .next { text-indent: -5555em; overflow: hidden; }
#home-slider .slider-nav .prev { background: #222 url(images/home-slider-adj.png) no-repeat 6px 5px; }
#home-slider .slider-nav .next { background: #222 url(images/home-slider-adj.png) no-repeat -13px 5px; }
#home-slider .pagination { float: left; list-style: none; margin: 0; padding: 0; }
#home-slider .pagination li { float: left; }
#home-slider .pagination .current a { background: #A42020; color: #FFF; }

/* Home Notice
 *=======================================================*/
#home-notice {margin:10px 0;text-align: center; color: #555; }
#home-notice .inner { padding: 7px 15px 5px 15px; background: #FFF9C2; border-bottom: 1px solid #EFE9AD; font-size: 13px; font-family: "Droid Serif", serif; }

/* Home Blog
 *=======================================================*/
#home-blog {margin:10px 0; height:32px;line-height: 32px; overflow:hidden;}
#home-blog .grid-12 { background: #F7F7F7; }
#home-blog .date { padding: 0 10px; background: #E9E9E9;position: relative; display: inline-block; margin-right: 5px; }
#home-blog .date:before { content: ""; width: 0; height: 0; display: block; border: 6px solid transparent; border-left-color: #E9E9E9; position: absolute; right: -12px; top: 10px; }
#home-blog .title { color: #555;padding:10px;}
#home-blog .more { float: right; padding: 0 10px; font-size: 11px;}

/* Home Features
 *=======================================================*/
#home-features {margin:-10px 0 30px; line-height: 1.5; position: relative; overflow:hidden;}
#home-features ul { list-style: none;padding: 0;margin:0;}
#home-features li {margin-top:20px;position: relative; display: block;}
#home-features .thumb { overflow: hidden; margin: 0 0 10px; padding: 6px; background:#F5F5F5;}
#home-features img { width: 100%; display: block; }
#home-features h3 { margin: 0 0 10px; }
#home-features h3 a { color: #222; }
#home-features .desc p { margin: 0 0 10px; color: #666; }
#home-features .thumb:hover { background: #E5E5E5; }
#home-features .more { font-size: 11px; }

/* Home Clients
 *=======================================================*/
#home-clients {text-align: center;margin:30px 0}
#home-clients .wrap {  }
#home-clients .inner { display: block; border: 5px solid #F5F5F5;  }
#home-clients a.inner:hover { border-color: #EEE; }
#home-clients img { vertical-align: middle; }

/*=============================================================================*
 * CONTACT PAGE
 *=============================================================================*/
 
/* Cotact Intro */
.contact-intro { border-bottom: 1px solid #EEE; margin-bottom: 30px; }

/* Contact Card */
.contact-card { color: #555; margin-bottom:20px;}
.contact-card ul { list-style: none; margin: 0 0 10px; padding: 0; }
.contact-card .fn { font-size: 13px; margin: 0 0 10px; }
.contact-card .adr { margin: 0 0 10px; }
.contact-card .type { display: none; }
.contact-card .label { font-weight: bold; color: #222; }

/* Contact Map */
.contact-map { background: #F5F5F5; margin-bottom: 20px; }
.contact-map .map-wrap { padding: 5px; }
.contact-map #map-canvas { width: 100%; height: 200px; }
.contact-map img { max-width: none; }

/* Contact Form */
.contact-form{line-height: 2;}
.contact-form p{margin:0 0 1em;}
.wpcf7-text, .wpcf7-form textarea {width: 98%;}
.wpcf7-form textarea {height: 120px;}

/*=============================================================================*
 * ARCHIVE PAGE
 *=============================================================================*/
.archives ul { list-style: none; margin-left: 0; padding: 0; }
.archives ul li { background: url(images/blt.png) no-repeat 0 7px; padding: 0 0 0 16px; color: #AAA; }
.archives h3 { text-align: right; padding-top: 4px; margin-bottom: 10px; }

/*=============================================================================*
 * Error 404, No Results and Noting Found
 *=============================================================================*/
.not-found .entry-title { color: #A42020; }
.not-found .searchform { margin-right: 300px; }
.not-found .hc-icon { background-image: url(icons/404.png); }
.post-404 { text-align: center; }
.post-404 .entry-title { font-size: 120px; color: #A42020; }
.post-404 .searchform { margin: 0 100px; }

/*=============================================================================*
 * BROWSER
 *=============================================================================*/
#ie8 img{width: auto;}